﻿@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:12px; font-family:"微软雅黑"; padding-top:121px;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none; background:none;font-family:"微软雅黑";}
textarea{resize:none;font-family:"微软雅黑";}
a{text-decoration:none; color:#000;}
em,i{font-style:normal;}

/*清浮动*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.pa{position:absolute;}
.ovh{overflow:hidden;}

.w1200{width:1200px; margin:0 auto;}

/*头部开始*/
.header{width:100%; height:auto !important;box-shadow:0 0 20px rgba(0,0,0,.2); background:#fff; z-index:999; position:fixed; top:0; left:0;}
.header .top{width:100%; line-height:35px; height:35px; border-bottom:1px solid #e4e4e4;}
.header .top span{color:#888; font-size:12px; float:left;}
.header .top font{color:#888; font-size:12px; float:right; background:url(../images/topIpo.png) no-repeat left center; padding-left:18px;}

.header .logoNav{width:1200px; margin:0 auto; height:85px;display: flex;align-items: center;}
.header .logoNav .logo{float:left; width:250px;}
.header .logoNav .logo img{ width:250px; padding-top:15px; padding-bottom:15px;}
.logoNav .logo a{
    display: flex;
}
.header .logoNav .nav{float:left; width:915px; margin-left:35px;}
.header .logoNav .nav ul li{width:12.5%; text-align:center; float:left; line-height:93px; height:93px;}
.header .logoNav .nav ul li a.tit{font-size: 16px;color: #333;height: 100%;display: block;width: 100%;transition: color .3s;}
.header .logoNav .nav ul li:hover a.tit{color:#f8ad01;}
.header .logoNav .nav ul li a.tit span{width:16px;height:12px;display: inline-block;background: url(../images/head02.png) no-repeat center;background-size:100%;margin-left:4px;display: none;}
.header .logoNav .nav ul li:hover a.tit span{background: url(../images/head02_h.png) no-repeat center;background-size:100%;}

.header .navSub{position: absolute;top:121px;left:0;background:url(../images/bgNav.jpg) repeat-y center; background-size:100%; display:none; z-index: 5; width:100%;}
.header .logoNav .nav ul li:hover .navSub,.header .navSub:hover{display:block;}
.header .navSub .left {background: #f5f5f5;padding:10px 10% 10px 10%;width: 100%;margin: 0 auto;display: flex;justify-content: flex-start;flex-wrap: wrap;box-sizing: border-box;}
.header .navSub .link-b {display: block;padding-left:4%;padding-right:7%;text-align: left;font-size: 15px;color: #333;line-height: 40px;margin-bottom: 5px;transition: background .3s,color .3s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.header .logoNav .nav ul li:nth-child(4) .navSub .link-b {padding-left:4%;}
.header .navSub .link-b span {width: 100%;display: block;background: 0;}
.header .navSub .right {width:30%;padding: 20px 10% 20px 10%;float: right;display: none;}
.header .navSub .con.none .riImg {float: left;width: 71.5%;}
.header .navSub .riImg img{max-width: 100%; float:left;}
.header .navSub .riImg p{text-align: left;font-size: 14px;color: #666;line-height: 24px;margin-top: 22px; width:100%; float:left;}
.header .navSub .riImg .more{width:120px;height: 40px;line-height: 40px;padding-left:35px;font-size: 14px;background: #f8ad01 url(../images/head05.png) no-repeat 103px center;display: block;text-align: left;color: #fff; margin-top: 35px; float:left;}
.header .navSub .link-b.cur,.header .navSub .link-b:hover{color: #fff;}
.header .navSub .link-b.cur span,.header .navSub .link-b:hover span{background: url(../images/head05.png) no-repeat right 8% center;}
.header .navSub .link-b{background: url(../images/navSub.png) no-repeat 8% center;}
.header .navSub .link-b.cur,.header .navSub .link-b:hover{background:#f8ad01 url(../images/navSub_h.png) no-repeat 8% center;}
/*.header .navSub .link-b.ico_2{background: url(../images/head07.png) no-repeat 8% center;}
.header .navSub .link-b.ico_2.cur,.header .navSub .link-b.ico_2:hover{background:#f8ad01 url(../images/head07_h.png) no-repeat 8% center;}
.header .navSub .link-b.ico_3{background: url(../images/head08.png) no-repeat 8% center;}
.header .navSub .link-b.ico_3.cur,.header .navSub .link-b.ico_3:hover{background:#f8ad01 url(../images/head08_h.png) no-repeat 8% center;}
.header .navSub .link-b.ico_4{background: url(../images/head09.png) no-repeat 8% center;}
.header .navSub .link-b.ico_4.cur,.header .navSub .link-b.ico_4:hover{background:#f8ad01 url(../images/head09_h.png) no-repeat 8% center;}*/
/*头部结束*/

/*banner start*/

.banner{width:100%;overflow:hidden;position:relative;}
.banner-box{width: 100%;overflow:hidden;position:relative;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.banner-box .bd li{width:100% !important;overflow:hidden;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li a img{width: 100%;overflow:hidden; min-height:400px;}
.banner-btn{width: 80%;position:absolute;bottom:12px;left:10%;}
.banner-box .hd {position:absolute;bottom:0;right:47%;}
.banner-box .hd ul li{width:12px;height:12px;text-indent:-9999px;margin-right:6px; border-radius:100%;background:#fff;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#f8ad01;}
/*banner end*/

/*公用标题样式*/
.pubTile{width:100%; text-align:center; overflow:hidden;}
.pubTile font{color:#d1d2d6; font-size:42px; display:block; text-transform:uppercase; font-family:"Impact"; line-height:50px;}
.pubTile span{color:#7d7d7f; font-size:32px; display:block; line-height:40px;}

.nproTle{width:1200px; margin:0 auto; font-size:30px; color:#252525;}

/*分页*/
.page{width:100%; overflow:hidden; text-align:center; padding-bottom:50px;}
.page a{display:inline-block; color:#666; padding:4px 6px; border:1px solid #ccc; font-size:14px; margin:0 4px; cursor:pointer;}
.page a.cur,.page a:hover{border:1px solid #f4ab03; background:#f4ab03; color:#fff; cursor:context-menu;}

/*面包屑*/
.mBlie{width:100%; overflow:hidden; line-height:65px; border-bottom:1px solid #ededed;}
.mBlie .leMb{float:left;}
.mBlie .leMb a{font-size:14px; color:#a3a3a3; margin-right:35px;}
.mBlie .leMb a.cur,.mBlie .leMb a:hover{color:#f4ab03;}
.mBlie .riMb{float:right;color:#a3a3a3;}
.mBlie .riMb span{font-size:14px; color:#a3a3a3;}
.mBlie .riMb font.tm{background:url(../images/fmly.jpg) no-repeat center; width:16px; height:65px; float:left; margin-right:5px;}

/*footer*/
.footer{width:100%; overflow:hidden;}
.footer .fterTop{background:#4b4c4d; width:100%; padding-top:20px; padding-bottom:20px; overflow:hidden;}
.footer .fterTop ul{width:1200px; margin:0 auto; overflow:hidden;}
.footer .fterTop ul li{float:left; text-align:left; width:130px;}
.footer .fterTop ul li:nth-child(2){width:150px;}
.footer .fterTop ul li:nth-child(3){width:180px;}
.footer .fterTop ul h2{font-size:16px; color:#fff; font-weight:500; line-height:40px;}
.footer .fterTop ul p{font-size:14px; line-height:24px;}
.footer .fterTop ul p a{color:#afafaf;}
.footer .fterTop ul .Rfer{float:left; width:300px;}
.footer .fterTop ul .Rfer font{color:#afafaf; font-size:14px; line-height:24px; display:block;}
.footer .fterTop ul .Rfer span{width:100%; display:block; padding-top:10px;}
.footer .fterTop ul .Rfer span img{width:84px; float:left; margin-right:10px;}

.footer .fterTop ul .Ewm{float:right; margin-left:30px;display: flex;}
.footer .fterTop ul .Ewm div p{font-size: 14px;color: #ffffff;line-height: 20px;text-align: center;}
.footer .fterTop ul .Ewm img{margin:15px; width:100px;}

/*右侧悬浮*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display: flex;align-items: center;justify-content: center;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f8ad01;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}